<template>
    <div>
        <div class="my-swipe">
            <swiper :options="swiperOption">
                <swiper-slide v-for="(item,index) in swiperList" :key="index">
                    <img class="swiper-img" :src="item.imgUrl">
                </swiper-slide>
            </swiper>
        </div>
    </div>
</template>
<script>
export default {
  props:{
    swiperList:Array
  },
  data() {
    return {
     swiperOption:{
      autoplay:true,
      delay:3000,
      indicator:true
     }
    };
  }
};
</script>
<style lang="scss" scoped>
.my-swipe{
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 26.7%;
}
.swiper-img{
  width: 100%;
  height: 100%;
}
</style>
